import React, { memo } from 'react'
import { Contain } from './style';
import { AppUrl } from '../../commom/AppUrl';

const ThirtyApp = memo(() => {
    const handleClick = (URL) => { window.open(URL.URL, '_blank'); console.log(URL.URL) }
    return (
        <Contain>
            <div className="fiveClass">
                <div className="title">
                    <span>优化控制域</span>
                </div>
                <div className="content">
                    <div className="son" >
                        <div className="backgroubnd optimizedontrolOne" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">协同操作优化 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd optimizedontrolTwo" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">模型预测控制 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd optimizedontrolThire" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">自适应PID控制 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd optimizedontrolFour" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">APC性能监控 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd optimizedontrolFive" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">多回路参数整定 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd optimizedontrolSix" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">PID性能评估 </div>
                    </div>
                </div>
            </div>
            <div className="fiveClass">
                <div className="title">
                    <span>生产管控域</span>
                </div>
                <div className="content">
                    <div className="son" >
                        <div className="backgroubnd ProductionControlOne" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">数据预处理 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd ProductionControlTwo" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">数据计算分析 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd ProductionControlThire" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">装置收率模型 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd ProductionControlFour" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">生产统计模型 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd ProductionControlFive" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">生产调度优化 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd ProductionControlSix" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">绩效考核管理 </div>
                    </div>
                </div>
            </div>
            <div className="fiveClass">
                <div className="title">
                    <span>设备运维域</span>
                </div>
                <div className="content">
                    <div className="son" >
                        <div className="backgroubnd EquipmentMaintenanceOne" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">设备状态监测预警 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd EquipmentMaintenanceTwo" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">设备运行能效分析 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd EquipmentMaintenanceThire" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">故障定位分析 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd EquipmentMaintenanceFour" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">设备备件管理 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd EquipmentMaintenanceFive" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">设备检修维护 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd EquipmentMaintenanceSix" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">设备智能巡检 </div>
                    </div>
                </div>
            </div>
            <div className="fiveClass">
                <div className="title">
                    <span>能源管控域</span>
                </div>
                <div className="content">
                    <div className="son" >
                        <div className="backgroubnd energyManagementOne" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">能源供需平衡 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd energyManagementTwo" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">能效指标管理 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd energyManagementThire" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">能源平衡优化 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd energyManagementFour" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">能源分析预测 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd energyManagementFive" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">加热炉热效率优化 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd energyManagementSix" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">能源管理调度 </div>
                    </div>
                </div>
            </div>
            <div className="fiveClass">
                <div className="title">
                    <span>安全环保域</span>
                </div>
                <div className="content">
                    <div className="son" >
                        <div className="backgroubnd environmentalProtectionOne" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">风险评估模型 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd environmentalProtectionTwo" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">应急预案管理 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd environmentalProtectionThire" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">事故模拟演练 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd environmentalProtectionFour" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">重大危险源管理 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd environmentalProtectionFive" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">环保在线监测 </div>
                    </div>
                    <div className="son">
                        <div className="backgroubnd environmentalProtectionSix" onClick={() => { handleClick(AppUrl[0]) }}></div>
                        <div className="appName">互联网+智能监管 </div>
                    </div>
                </div>
            </div>
        </Contain>
    )
})

export default ThirtyApp